<script setup>

</script>

<template>
  <router-link to="/">Home</router-link>
  &nbsp;
  <router-link to="/article/1">article1</router-link>
  &nbsp;
  <router-link to="/article/2">article2</router-link>
  &nbsp;
  <router-link to="/students/abc/profile">abc.profile</router-link>
  &nbsp;
  <router-link to="/students/abc/post">abc.post</router-link>

  <hr>

  <router-view></router-view>
</template>

<style scoped>
/*.router-link-active {
  background-color: fuchsia;
}

.router-link-exact-active {
  font-weight: bolder;
}*/

/*.active {
  background-color: yellowgreen;
  font-style: italic;
}*/

.active {
  background-color: blueviolet;
  font-size: large;
}
</style>